<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>主页</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
</head>
<body>

    <header class="header-area white-bg">
        <nav class="navbar navbar-expand-lg main-menu">
            <div class="container">
                <a class="navbar-brand" href="index.html"><img src="images/logo.png" class="d-inline-block align-top" alt=""></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="menu-toggle"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ml-auto">
                        <li class="nav-item"><a class="nav-link" href="index.html">主页</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">中国长城</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">北京故宫</a></li>
                         <li class="nav-item"><a class="nav-link" href="#">中国戏曲</a></li>
                        <li class="nav-item"><a class="nav-link" href="#">中国武术 </a></li>              
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <section class="hero-area color-overlay-2" style="background: url('images/custom-banner.jpg');">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-10 centered">
                    <div class="hero-content">
                        <h2>中国文化</h2>
                        <h3>中国文化博大精深</h3>
                        <p></p>
                        <h5>深研中华文化,阐扬传统专学,探究学术真知,重视人文关怀</h5>            
                        <h5>中华美德，人人皆知</h5>
                        <h5>中华文明上下五千年历史悠远</h5>
                       
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="section-title centered">
                        <h2>中国文化博大精深    </h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
                    <div class="single-product">
                        <a href="index.html">
                            <div class="single-product-img">
                                <img src="images/cc1.png" />
                            </div>
                            <div class="single-product-content">
                                <h4>中国万里长城</h4>
                                <p>世界八大奇迹之一
                                </p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
                    <div class="single-product">
                        <a href="index.html">
                            <div class="single-product-img">
                                      <img src="images/gg.png" />
                            </div>
                            <div class="single-product-content">
                                <h4>北京故宫</h4>
                                <p>中国综合性博物馆</p>

                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
                    <div class="single-product">
                        <a href="index.html">
                            <div class="single-product-img">
                                     <img src="images/xq.png"/>
                            </div>
                            <div class="single-product-content">
                                <h4>中国戏曲</h4>
                                <p>戏曲文化多样性</p>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
                    <div class="single-product">
                        <a href="index.html">
                            <div class="single-product-img">
                                      <img src="images/ws.png"/>
                            </div>
                            <div class="single-product-content">
                                <h4>中国武术</h4>
                                <p>中国武术历史悠久</p>
                               
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
                    <div class="single-product">
                        <a href="index.html">
                            <div class="single-product-img">
                                     <img src="images/cj.png"/>
                            </div>
                            <div class="single-product-content">
                                <h4>春节</h4>
                                <p>最盛大的日子</p>
                            
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-6">
                    <div class="single-product">
                        <a href="index.html">
                            <div class="single-product-img">
                                   <img src="images/gs.png"/>
                            </div>
                            <div class="single-product-content">
                                <h4>古诗词</h4>
                                <p>念天地之悠悠 独怆然而涕下</p>
                               
                            </div>
                        </a>
                    </div>
                </div>
                
            </div>
        </div>
    </section>

    <section class="counter-area section-padding-2 primary-bg">
        <div class="container" style="color: #fff;">
            千年的风和雨，世世代代将美德传。喝着黄河的水，站在长江口，感慨万千，中国历史渊源流传。
        </div>
    </section>


    <section class="section-padding-2 gray-bg">
        <div class="container">
            <div class="row">
                <div class="col centered">
                    <div class="section-title">
                        <h2>中国最具代表性建筑</h2>
                    </div>
                </div>
            </div>
            <div class="testimonials owl-carousel">
                <div class="single-testimonial">
                    <div class="testimonial-thumb">
                        <img mode="widthFix" src="images/yhy.png" alt="">
                    </div>
                    <div class="testimonial-content">
                        <p>颐和园，中国清朝时期皇家园林，前身为清漪园，坐落在北京西郊，距城区15公里，全园占地3.009平方公里（其中颐和园世界文化遗产区面积为2.97平方公里），水面约占四分之三。 [30] 
                             与圆明园毗邻。它是以昆明湖、万寿山为基址，以杭州西湖为蓝本，汲取江南园林的设计手法而建成的一座大型山水园林，也是保存最完整的一座皇家行宫御苑，被誉为“皇家园林博物馆”。</p>
                    </div>
                </div>
                <div class="single-testimonial">
                    <div class="testimonial-thumb">
                        <img src="images/ymy.png" alt="">
                    </div>
                    <div class="testimonial-content">
                        <p>圆明园，中国清代大型皇家园林，位于北京市海淀区清华西路28号，占地350多公顷，其中水面面积约140公顷，由圆明园、绮春园、长春园组成，
                            而以圆明园最大，故统称圆明园（亦称圆明三园）。圆明园不仅汇集了江南若干名园胜景，还移植了西方园林建筑，集当时古今中外造园艺术之大成。堪称人类文化的宝库之一，是当时世界上最大的一座博物馆</p>
                    </div>
                </div>
                <div class="single-testimonial">
                    <div class="testimonial-thumb">
                        <img src="images/gg.png" alt="">
                    </div>
                    <div class="testimonial-content">
                        <p>北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积约72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。</p>

                    </div>
                </div>
            </div>
        </div>
    </section>

    
    <footer class="footer-area section-padding-2">
        <div class="container">
            <div class="row">
                    <div class="footer-widget">
                        <p>历史犹如清风，抚过陈年旧事让美好记忆在无声岁月中渐行渐远。孔子千百年前的一代文人，有一段精彩的人生，是他开启了
                            的先河，是他开启教育门上的严锁他终于用德行、用自己的文化《论语》，文化的车轮碾过，
                            留下了一排排印记。走在被染上色彩的历史上会问记忆的风吹来的那一段段的往事，司马迁放弃了自己一生的幸福写成了《史记》司马迁备受牢狱之苦流放之苦，
                            但他还是完成了史学，这是多么了不起的文化。
                            文化是一只大雁，趁那阳光普照的历史去遨游那心之所向的上下五千年，文化，犹如品茶，只有细细的品味才能了解出其中韵味苦中也能散发一缕清香，
                            一丝温暖。合上书抿一口茶，茶香伴着文化卷入历史中。
                            愿天下温暖充满大爱
                        </p>
                      
                    </div>      
            </div>
        </div>
    </footer>





    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/bootstrap.min.js"></script>


</body>
<style>
    .single-product-img:hover, .single-testimonial:hover{
        transform: scale(0.95);
    }
    .single-product-img, .single-testimonial{
        transition: all .5s;
    }
    
    
   
</style>
</html>